<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>社区好生活</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="css/ydui.css?v=1" rel="stylesheet" />
    <script src="js/ydui.flexible.js"></script>
    <link rel="stylesheet" type="text/css" href="css/all.css"/>
    <link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
</head>
<style type="text/css">
	.m-grids-3:before{
		display: none;
	}
	.m-grids-3 a{
		padding: .2rem 0;
	}
</style>
	<body>
		<div class="g-flexview">
			<div class="comm-flextitle">
				<p class="goback iconfont icon-back1"></p>
			</div>			
			<div class="g-scrollview">
				<div class="coummnitydetail-content">
					<img src="img/11_02.jpg"/>
					<div class="content-text">
						<p class="name">爱仕达多</p>
						<p class="info">啊啊发发发顺丰</p>
					</div>
				</div>
				<div class="coummity-imgcontent clearfix">
					<img src="img/11_02.jpg"/>
					<div class="imgcontent-text">
						<p class="name">阿萨德</p>
						<p class="info">塘主</p>
					</div>
					<div class="img-list clearfix">
						<img src="img/11_02.jpg"/>
						<img src="img/11_02.jpg"/>
						<img src="img/11_02.jpg"/>
					</div>
					<p class="righticonf iconfont icon-fangxiangyou"></p>
				</div>
	            <div class="m-grids-3">
	                <a href="video.html" class="grids-item">
	                    <div class="grids-icon"><p class="iconfont icon-fuwu1"></p></div>
	                    <div class="grids-txt"><span>服务</span></div>
	                </a>
	                <a href="school.html" class="grids-item">
	                    <div class="grids-icon"><p class="iconfont icon-unie650"></p></div>
	                    <div class="grids-txt"><span>周边</span></div>
	                </a>
	                <a href="zhenpin.html" class="grids-item">
	                    <div class="grids-icon"><p class="iconfont icon-shangjia"></p></div>
	                    <div class="grids-txt"><span>商家</span></div>
	                </a>
	            </div>
				<div class="findcomm-content">
					<a href="" class="tab-item change">为你推荐</a>
					<a href="" class="tab-item">附近的</a>
					<a href="" class="tab-item">动植物</a>
				</div>	
				<div class="tabcontent">							
					<div class="community-list clearfix">
						<div class="img-contenttitle">
							<img src="img/11_02.jpg"/>
							<div class="imgcontent-text">
								<p class="name">阿萨德</p>
								<p class="info">塘主</p>							
							</div>
						</div>
						<div class="img-classify">
							<div class="tab-item">
								<img src="img/11_02.jpg"/>
							</div>
							<div class="tab-item">
								<img src="img/11_02.jpg"/>
							</div>
							<div class="tab-item">
								<img src="img/11_02.jpg"/>
							</div>						
						</div>
						<p class="nametitle">全新，720kv</p>
					</div>	
					<div class="community-list clearfix">
						<div class="img-contenttitle">
							<img src="img/11_02.jpg"/>
							<div class="imgcontent-text">
								<p class="name">阿萨德</p>
								<p class="info">塘主</p>							
							</div>
						</div>
						<div class="img-classify">
							<div class="tab-item">
								<img src="img/11_02.jpg"/>
							</div>
							<div class="tab-item">
								<img src="img/11_02.jpg"/>
							</div>
							<div class="tab-item">
								<img src="img/11_02.jpg"/>
							</div>						
						</div>
						<p class="nametitle">全新，720kv</p>
					</div>						
				</div>
			</div>
			<div class="coummity-btn">
				<a href="">加入社区</a>
			</div>
			<div class="coummity-constent">
				<ul>
					<li><i class="iconfont icon-luyinjieshu"></i>按钮</li>
					<li><i class="iconfont icon-luyinjieshu"></i>按钮</li>
					<li><i class="iconfont icon-luyinjieshu"></i>按钮</li>
				</ul>
			</div>
		</div>
	</body>
	<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
	<script>
		$('.g-scrollview').scroll(function(){
			if($('.g-scrollview').scrollTop()>=200){
				$('.comm-flextitle').addClass('change')
			}else{
				$('.comm-flextitle').removeClass('change')				
			}
		})
	</script>
</html>
